$(function() {
  //使用表单校验插件
  $(".login-form").bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [":disabled", ":hidden", ":not(:visible)"],

    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: "glyphicon glyphicon-ok",
      invalid: "glyphicon glyphicon-remove",
      validating: "glyphicon glyphicon-refresh"
    },

    //3. 指定校验字段
    fields: {
      //校验用户名，对应name表单的name属性
      username: {
        validators: {
          //不能为空
          notEmpty: {
            message: "用户名不能为空"
          },
          //长度校验
          stringLength: {
            min: 2,
            max: 6,
            message: "用户名长度必须在2到6之间"
          },
          callback: {
            message: "用户名错误"
          }
        }
      },
      password: {
        validators: {
          //不能为空
          notEmpty: {
            message: "密码不能为空"
          },
          //长度校验
          stringLength: {
            min: 6,
            max: 12,
            message: "密码长度必须在2到6之间"
          },
          callback: {
            message: "密码错误"
          }
        }
      }
    }
  });
  $(".btn_reset").click(function() {
    // var validator = $(".login-form").data("bootstrapValidator"); //获取表单校验实例

    // //使用表单校验实例可以调用一些常用的方法。
    // validator.resetForm();
    $(".login-form").bootstrapValidator("resetForm");
  });
  // 当在表单中点击了提交按钮而且表单合理的情况下触发事件，不是事件委托
  $(".login-form").on("success.form.bv", function(e) {
    console.log(e.target);
    console.log(e);
    e.preventDefault();
    //使用ajax提交逻辑
    $.ajax({
      type: "post",
      url: "/employee/employeeLogin",
      data: $(".login-form").serialize(),
      dataType: "json",
      success: function(res) {
        if (res.success) {
          location.href = "./index.html";
        }
        if (res.error == 1000) {
          $(".login-form")
            .data("bootstrapValidator")
            .updateStatus("username", "INVALID", "callback");
        }
        if (res.error == 1001) {
          $(".login-form")
            .data("bootstrapValidator")
            .updateStatus("password", "INVALID", "callback");
        }
      }
    });
  });
});
